<!--档案查询结果页-->
<template>
  <div class="form-list">
    <!--无个人和档案信息-->
    <div v-if="Number(fileStatus) === 0">
      <div class="record-warning">
        <span class="warning-icon">!</span>
        <span>未查询到您的相关档案信息</span>
      </div>
      <div class="form-list-item">
        <div class="label">1、</div>
        <div class="content">您可通过原存档单位（毕业学校或工作单位）查询档案去向</div>
      </div>
      <div class="form-list-item">
        <div class="label">2、</div>
        <div class="content">我中心咨询电话不负责档案查询事宜，可持本人身份证（社会保障卡）现场查询</div>
      </div>
    </div>
    <div v-if="Number(fileStatus) === 3">
      <div class="record-warning">
        <span class="xffont xf-duigou"></span>
        <span>您的档案在我中心管理</span>
      </div>
      <div class="form-list-item">
        <div class="label">姓名：</div>
        <div class="content">{{record.aac003 || '--'}}</div>
      </div>
      <div class="form-list-item">
        <div class="label">档案号：</div>
        <div class="content">{{record.archiveCode || '--'}}</div>
      </div>
      <div class="form-list-item">
        <div class="label">机要编号：</div>
        <div class="content">{{record.confidentialNumber || '--'}}</div>
      </div>
      <div class="form-list-item">
        <div class="label">身份证号：</div>
        <div class="content">{{record.aac002 || '--'}}</div>
      </div>
      <div class="form-list-item">
        <div class="label">档案状态：</div>
        <div class="content">{{record.archiveStatusName || '--'}}</div>
      </div>
      <div class="form-list-item">
        <div class="label">欠费状态：</div>
        <div class="content">{{record.isarrearage || '--'}}</div>
      </div>
      <div class="form-list-item">
        <div class="label">档案接收日期：</div>
        <div class="content">{{record.receiveDate || '--'}}</div>
      </div>
      <div class="form-list-item">
        <div class="label">档案所在地：</div>
        <div class="content">河南人才交流中心</div>
      </div>
      <div class="form-list-item" v-if="!userInfo">
        <div class="content text-int">如需网上办理相关业务，请先进行个人 <router-link to="/user-register">注册</router-link>，<router-link to="/user-login">登录</router-link> 后点击相应的业务模块办理</div>
      </div>
    </div>
    <div v-if="Number(fileStatus) === 5">
      <div class="record-warning">
        <span class="xffont xf-guanyu"></span>
        <span>您的档案已借出</span>
      </div>
      <div class="form-list-item">
        <div class="label">姓名：</div>
        <div class="content">{{record.aac003 || '--'}}</div>
      </div>
      <div class="form-list-item">
        <div class="label">档案号：</div>
        <div class="content">{{record.archiveCode || '--'}}</div>
      </div>
      <div class="form-list-item">
        <div class="label">身份证号：</div>
        <div class="content">{{record.aac002 || '--'}}</div>
      </div>
      <div class="form-list-item">
        <div class="label">档案状态：</div>
        <div class="content">{{record.archiveStatusName || '--'}}</div>
      </div>
      <div class="form-list-item">
        <div class="label">欠费状态：</div>
        <div class="content">{{record.isarrearage || '--'}}</div>
      </div>
      <div class="form-list-item">
        <div class="label">借出时间：</div>
        <div class="content">{{record.checkoutDate || '--'}}</div>
      </div>
      <div class="form-list-item">
        <div class="label">借出单位：</div>
        <div class="content">{{record.checkoutCorp || '--'}}</div>
      </div>
    </div>
    <div v-if="Number(fileStatus) === 2">
      <div class="record-warning">
        <span class="xffont xf-guanyu"></span>
        <span>您的档案已转出</span>
      </div>
      <div class="form-list-item">
        <div class="label">姓名：</div>
        <div class="content">{{record.aac003 || '--'}}</div>
      </div>
      <div class="form-list-item">
        <div class="label">档案号：</div>
        <div class="content">{{record.archiveCode || '--'}}</div>
      </div>
      <div class="form-list-item">
        <div class="label">身份证号：</div>
        <div class="content">{{record.aac002 || '--'}}</div>
      </div>
      <div class="form-list-item">
        <div class="label">档案状态：</div>
        <div class="content">{{record.archiveStatusName || '--'}}</div>
      </div>
      <div class="form-list-item">
        <div class="label">欠费状态：</div>
        <div class="content">{{record.isarrearage || '--'}}</div>
      </div>
      <div class="form-list-item">
        <div class="label">转出时间：</div>
        <div class="content">{{record.lendDate || '--'}}</div>
      </div>
      <!--<div class="form-list-item">
        <div class="label">转出单位：</div>
        <div class="content">河南人才交流中心</div>
      </div>-->
    </div>
    <div v-if="Number(fileStatus) === 6">
      <div class="record-warning">
        <span class="xffont xf-guanyu"></span>
        <span>您的档案已通过机要（邮政快递）方式转入我中心</span>
      </div>
      <div class="form-list-item">
        <div class="label">姓名：</div>
        <div class="content">{{record.aac003 || '--'}}</div>
      </div>
      <div class="form-list-item">
        <div class="label">档案号：</div>
        <div class="content">{{record.archiveCode || '--'}}</div>
      </div>
      <div class="form-list-item">
        <div class="label">身份证号：</div>
        <div class="content">{{record.aac002 || '--'}}</div>
      </div>
      <div class="form-list-item">
        <div class="label">档案状态：</div>
        <div class="content">{{record.archiveStatusName || '--'}}</div>
      </div>
      <div class="form-list-item">
        <div class="label">欠费状态：</div>
        <div class="content">{{record.isarrearage || '--'}}</div>
      </div>
      <div class="form-list-item">
        <div class="label">转入时间：</div>
        <div class="content">{{record.receiveDate || '--'}}</div>
      </div>
      <div class="form-list-item">
        <div class="label">转自单位：</div>
        <div class="content">{{record.archivesLendWhere || '--'}}</div>
      </div>
      <div class="form-list-item">
        <div class="content">如需网上办理，<div v-if="!userInfo">请先进行个人 <router-link to="/user-register">注册</router-link>，<router-link to="/user-login">登录</router-link> 后</div>点击 <router-link to="/apply-1">个人信息预录入</router-link> 进行个人信息录入，提交成功后办理</div>
      </div>
    </div>
  </div>
</template>

<script>
  import {mapGetters} from 'vuex'
  export default {
    props: {
      fileStatus: {
        type: null,
        default: ''
      },
      record: {
        type: null,
        default: () => { return {} }
      }
    },
    name: 'file-component',
    computed: {
      ...mapGetters([
        'userInfo'
      ])
    }
  }
</script>

<style scoped>

</style>
